﻿<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style type="text/css">
	*{
		margin:0;
		padding:0;
	}
	li{
		list-style:none;
	}
	a{
		text-decoration:none;
		font-family:"微软雅黑";
	}
	#head{
		background-color:rgb(250,250,250);		
	}
	#h_bg{
		width:1200px;
		margin:0 auto;
		/* border:1px solid red; */
		overflow:hidden;
		padding:5px 0;
	}
	#h_bg a{
		display:inline-block;
		text-align:center;
		height:20px;
		line-height:20px;
	}
	#h_bg div{
		display:inline-block;
	}
	#shouye{
		height:18px;
		width:18px;
		background:url(img/mlsjl.png) no-repeat;
		margin-bottom:-3px;
	}
	#weixin{
		height:18px;
		width:25px;
		background:url(img/mlsjl.png) no-repeat -22px;
		margin-bottom:-3px;
	}
	#shoucang{
		height:18px;
		width:18px;
		background:url(img/mlsjl.png) no-repeat -76px;
		margin-bottom:-3px;
	}
	#gouwuche{
		height:18px;
		width:20px;
		background:url(img/mlsjl.png) no-repeat -101px;
		margin-bottom:-3px;
	}
	#dingdan{
		height:18px;
		width:16px;
		background:url(img/mlsjl.png) no-repeat -130px;
		margin-bottom:-3px;
	}
	#xiala{
		height:18px;
		width:16px;
		background:url(img/mlsjl.png) no-repeat -175px;
		margin-bottom:-3px;
	}
	#head a{
		font-size:15px;
		color:rgb(102,102,102);
	}
	#head .nav_zl{
		float:left;
		padding:0 20px;
		border-right:1px dotted gray;
	}
	#head #nav_select{
		float:right;
	}
	.tabmeun{
		width:70px;
		text-align:center;
		background-color:rgb(250,250,250);
		position:absolute;
	}
	.submeun ul{
		display:none;
	}
	#h_bg ul li:hover .tabmeun{
		display: block;
	}
	#seach{
		width:1200px;
		margin:0 auto;
	}
	#logo{
		float:left;
		margin-right:150px;
	}
	#seach_in #select{
		padding:5px 10px;
		background-color:rgb(255,51,102);
		color:#fff;
	}
	#seach_in input{
		width:500px;
		height:30px;
		padding-left:5px;
		border:2px solid rgb(255,51,102);
	}
	#seach_in button{
		height:34px;
		padding:5px 15px;
		color:#fff;
		background-color:rgb(255,51,102);
		border:2px solid rgb(255,51,102);
	}
	#seach_in{
		margin-top:30px;
	}
	#bs{
		padding-top:10px;
		margin-left:345px;
	}
	#seach_in #bs a{
		font-size:15px;	
	}
	.zi{
		color:rgb(255,51,102);
	}
	.zi1{
		color:#666666;
	}
	#erwei{
		float:right;
		margin-top:-30px;
	}
	#nav li{
		float:left;
	}
	#nav{
		width:1200px;
		height:25px;
		margin-top:45px;
		font-weight:0;
		
	}
	#nav a{
		color:black;
		display:inline-block;
		margin-right:65px;
		font-size:16px;
		line-height:bold;
	}
	#nav a:hover{
		color:rgb(255,51,102);
		border-bottom:2px solid rgb(255,51,102);
	}
	#main{
		height:850px;
		width:1200px;
		margin:20px auto;
		/* border:1px solid red; */
	}
	#zdh{
		border:1px solid #ddd;
		width:170px;
		background-color: #fafafa;
		float:left;
	}
	#txjzh{
		height:140px;
		width:130px;
		margin:0 auto;
		padding-top:20px;
		text-align:center;
		border-bottom:1px solid #ddd;
	}
	#zdhxx{
		padding:0 30px;
	}
	#zdhxx li{
		line-height:30px;
	}
	#zdhxx a:hover{
		color:#f36;
	}
	#wddd{
		margin-top:20px;
	}
	.yjxx{
		font-size:15px;
		color:black;
		font-weight:bold;
	}
	.ejxx{
		font-size:12px;
		color:#aaa;
	}
	#nrxq{
		width:1020px;
		float:right;
		border:1px solid #ddd;
	}
	#grhead{
		font-size:18px;
		padding-top:10px;
		padding-left:10px;
		background:#fafafa;
		border:1px solid #ddd;
	}
	fieldset{
		margin-top:40px;
		border:none;
		font-size:15px;
		color:#aaa;
	}
	fieldset div{
		margin-left:100px;
		margin-bottom:25px;
	}
	fieldset select{
		height:35px;
		width:125px;
	}
	fieldset textarea{
		height:135px;
		width:400px;
	}
	.nrtx{
		height:35px;
		width:400px;
		margin-left:10px;
		padding-left:10px;
	}
	.tsnrtx{
		margin-left:130px;
	}
	.xbxz{
		border:1px solid #f36;
		border-radius:50px;
	}
	.txnr{
		margin-left:10px;
	}
	#szd{
		margin-left:116px;
	}
	#qrj{
		height:30px;
		width:85px;
		color:#fff;
		background-color:#f36;
		border:none;
		margin:35px 0 40px 70px;
	}
    #foot{
		height:250px;
		border-top:#666;
		/* border:1px solid red; */
		background-color:rgb(250, 250, 250);
	}
	#foot table{
		width:700px;
		height:200px;
	}
	#foot tr{
		font-size:12px;
		color:rgb(102, 102, 102);
	}
	#foot #title{
		font-size:18px;
		font-weight:bold;
	}
	.guanzhu{
		display:inline-block;
	}
	#xinlang{
		height:18px;
		width:20px;
		background:url(img/guanzh.png) no-repeat;
		margin-bottom:-5px;
		margin-right:3px;
	}
	#Qkongjian{
		height:18px;
		width:20px;
		background:url(img/guanzh.png) no-repeat -28px;
		margin-bottom:-5px;
		margin-right:3px;
	}
	#tengxun{
		height:18px;
		width:20px;
		background:url(img/guanzh.png) no-repeat -56px;
		margin-bottom:-5px;
		margin-right:3px;
	}
	#erweima{
		float:right;
		margin-right:80px;
		margin-top:20px;
		text-align:center;
	}
	#erweima1{
		float:right;
		margin-right:100px;
		margin-top:20px;
		text-align:center;
	}
	#foot_ys{
		width:1200px;
		margin:0 auto;
		border-bottom:1px solid rgb(102, 102, 102);
	}
	#footer{
		text-align:center;
		font-size:12px;
		line-height:20px;
		color:rgb(102, 102, 102);
	}
	#footer a{
		color:rgb(102, 102, 102);
	}
	#footer a:hover{
		color:#f36;
	}
 </style>
 </head>
 <body>
	<div id="global" style="border-bottom:1px solid #666;">
		<embed style="width: 100%;" type="text/html" src="/meilishuo/header.html" />
		<div id="seach">
			<div id="logo">
				<a href="shou.html"><img src="img/logo.jpg"/></a>
			</div>
			<div id="erwei">
				<img src="img/mlsew.gif"/>
			</div>
			<div id="seach_in">
				<a id="select">宝贝</a><br />
				<input type="text" /><button>搜索</button>
				<div id="bs">
					<a class="zi" href="#">流行Tee</a>
					<a class="zi1" href="#">长款连衣裙</a>
					<a class="zi" href="#">雪纺衫</a>
					<a class="zi" href="#">防晒</a>
					<a class="zi" href="#">夏天凉鞋</a>
					<a class="zi1" href="#">半身裙</a>
					<a class="zi" href="#">牛仔短裤</a>
					<a class="zi" href="#">小白鞋</a>
					<a class="zi1" href="#">新款包包</a>
					<a class="zi" href="#">明星同款</a>
				</div>
			</div>
			<div id="nav">
				<a href="#">首页</a>
				<a href="#">上衣</a>
				<a href="#">裙子</a>
				<a href="#">裤子</a>
				<a href="#">女鞋</a>
				<a href="#">包包</a>
				<a href="#">配饰</a>
				<a href="#">美妆</a>
				<a href="#">男友</a>
				<a href="#">童装</a>
				<a href="#">家居</a>		
			</div>
		</div>
	</div>
	<div id="main">
		<div id="zdh">
			<div id="txjzh">
				<img src="/meilishuo/img/grtx.jpg" style="height:100px;border-radius:500px;"/>
				<p>123321</p>
			</div>
			<ul id="zdhxx">
				<li id="wddd"><a class="yjxx" href="#">我的订单<a/>
					<ul>
						<li><a class="ejxx" href="#">全部订单<a/></li>
						<li><a class="ejxx" href="#">待付款<a/></li>
						<li><a class="ejxx" href="#">待收货<a/></li>
						<li><a class="ejxx" href="#">待评价<a/></li>
						<li><a class="ejxx" href="#">退款退货<a/></li>
						<li><a class="ejxx" href="#">订单回收站<a/></li>
					</ul>
				</li>
				<li><a class="yjxx" href="#">优惠特权<a/></li>
				<li><a class="ejxx" href="#">平台优惠券<a/></li>
				<li><a class="ejxx" href="#">店铺优惠券<a/></li>
				<li><a class="yjxx" href="#">我的足迹<a/></li>
				<li><a class="yjxx" href="#">收货地址<a/></li>
				<li><a class="yjxx" href="#">我的收藏<a/></li>
				<li><a class="yjxx" href="#">账号管理<a/></li>
				<li><a class="ejxx" href="#">我的信息<a/></li>
				<li><a class="ejxx" href="#">个人头像<a/></li>
				<li><a class="yjxx" href="#">安全中心<a/></li>
				<li><a class="ejxx" href="#">用户密码<a/></li>
				<li><a class="ejxx" href="#">支付密码<a/></li>
				<li><a class="ejxx" href="#">手机绑定<a/></li>
				<li><a class="ejxx" href="#">登录设备<a/></li>
			</ul>
		</div>
		<div id="nrxq">
			<div id="grhead">
				<span id="wdxx">我的信息</span>
			</div>
			<fieldset>
				<form action="http://www.baidu.com" method="post">
					<div>
						注册邮箱<input class="nrtx" type="email" name="email"/>
					</div>
					<div>
						真实姓名<input class="nrtx" type="text" name="username" required="required"/>
					</div>
					<div class="tsnrtx">
						昵称<input class="nrtx" type="text" name="username" placeholder="123321" required="required"/>
					</div>
					<div class="tsnrtx">
						性别<input class="xbxz txnr" type="radio" name="sex" checked="checked" />男
							<input class="xbxz txnr" type="radio" name="sex" />女
					</div>
					<div class="tsnrtx">
						生日<input class="nrtx" type="date" name=""/>
					</div>
					<div id="szd">
						所在地<select id="province" class="txnr" name=""></select>省
							  <select id="city" name=""></select>市
					</div>
					<div>
						从事行业<select  class="txnr" name="">
								<option value="">请选择您的职业</option>
								<option value="">医生</option>
								<option value="">律师</option>
								<option value="">码农</option>
								<option value="">程序猿</option>
								</select>
					</div>
					<div>
						个人介绍<textarea  class="txnr" name="" rows="5" cols="10" style="resize:none;"></textarea>
					</div>
					<div>
						<input id="qrj" type="submit" value="确认"/>
					</div>
				</form>
			</fieldset>
		</div>
	</div>
	<div id="foot">
		<div id="foot_ys">
			<div id="erweima"><h4>美丽说客户端下载</h4><img src="img/kehuduan.png"/></div>
			<div id="erweima1"><h4>美丽说微信服务号</h4><img src="img/fuwuhao.jpg"/></div>
			<table>
				<tr id="title">
					<td>买家帮助</td>
					<td>商家帮助</td>
					<td>关于我们</td>
					<td>关注我们</td>
				</tr>
				<tr>
					<td>新手指南</td>
					<td>供货商招募</td>
					<td>关于美丽说</td>
					<td><div id="xinlang" class="guanzhu"></div>新浪微博</td>
				</tr>
				<tr>
					<td>服务保障</td>
					<td>商家后台</td>
					<td>联系我们</td>
					<td><div id="Qkongjian" class="guanzhu"></div>QQ空间</td>
				</tr>
				<tr>
					<td>常见问题</td>
					<td>规则中心</td>
					<td></td>
					<td><div id="tengxun" class="guanzhu"></div>腾讯微博</td>
				</tr>
				<tr>
					<td>风险监测</td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
			</table>
		</div>
		<div id="footer">
			Copyright ©2017 Meilishuo.com
			<a href="#">电信与信息服务业务经营许可证100798号</a>
			<a href="#">经营性网站备案信息</a>
			<br />
            京ICP备11031139号 京公网安备110108006045 客服电话：400-8158-666 文明办网文明上网举报电话：010-82615762  
			<a href="#">违法不良信息举报中心</a>
		</div>
	</div>
	<script type="text/javascript">
		var pro={
			"河南":["洛阳","郑州","开封","三门峡","新乡"],
			"河北":["石家庄","唐山","邯郸","秦皇岛","承德"],
			"湖南":["长沙","株洲","衡阳","常德","张家界"],
			"浙江":["杭州","绍兴","嘉兴","宁波","温州"],
			"江苏":["南京","无锡","苏州","连云港","扬州"]
		}
		var proele=document.getElementById("province");
		for(var i in pro){
			var opt=document.createElement("option");
			opt.innerHTML=i;
			proele.appendChild(opt);
		}
		var cityele=document.getElementById("city");
		proele.onchange=function(){
			cityele.innerHTML="";
			var cityarr=pro[proele.value];
			for(var j=0;j<cityarr.length;j++){
				var opt=document.createElement("option");
				opt.innerHTML=cityarr[j];
				cityele.appendChild(opt);
			}
		}
		proele.onchange();
	</script>
 </body>
</html>
